<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">
    
    <script type="text/javascript">
    //<![CDATA[	
               
        function errorOff(){			
			$('#form\\:errorOff').click();
		}			
               
		$(document).ready(function(){									
			//Paramos el hilo que se creo para aumentar la barra de progreso			
			clearInterval(intervalBar);			
			$("#progressbar").hide("fade", 200);						
			
			//Gestion de Error
			var error = $('#form\\:error').val();
			var navegacion = $('#form\\:navegacion').val();
			var mEmail = $('#form\\:mEmail').text();					
			if( (error != null && error.length > 3 && navegacion=="olvido.xhtml") || (mEmail != null && mEmail.length > 3) ){				
				$('#cajaLogin').effect("shake", "slow",errorOff());
			}
			
			//Mostramos el boton cabecera.
			$('#botonTextoHead').show("drop", 400);			
		});
				
	//]]>
	</script>
	
    <div id="principal" class="principal">
    
		<div class="informacion">
			<h3>Pantalla para los despistados</h3>
			<p>Introduce tu email, y te mandaremos una enlace desde el que podrás cambiar tu contraseña.</p>
		</div>
				
		<div id="cajaLogin" class="cajaLogin">
		
			<h:form id="form">		
				<h3>Por favor, introduzca su email.</h3>

				<h:panelGrid columns="3">					
					<h:outputLabel value= "Email: " for="email" /> 
					<h:inputText id="email" label="Email" required="true" value="#{loginBean.email}" validator="emailValidator" />
					<h:message id="mEmail" for="email" errorClass="error" />
				</h:panelGrid>
				<p/>
				<h:panelGrid columns="2">						
					<h:commandButton value="Enviar email" action="#{contrasenaController.mandarCambioContrasena}" 
									 onclick="showProgressBar('accion')" styleClass="g-button g-button-submit">
						<f:ajax execute="@form" render=":contPrincipal" />							
					</h:commandButton>																
					<input type="button" class="g-button g-button-submit" onclick="actionTab(1)" value="Cancelar" />						
				</h:panelGrid>
				
				<h:inputHidden id="error" value="#{navegationBean.error}" />
				<h:inputHidden id="navegacion" value="#{navegationBean.viewedPage}" />		
				<h:commandButton id="errorOff" action="#{navegationBean.setError('')}" style="display:none">
					<f:ajax execute="@this" render="errorOff" />
				</h:commandButton>				
			</h:form>
			
		</div>
			
	</div>
	
</ui:composition>
